import {defineComponent,PropType,computed} from 'vue';
import {visibleEditorBlocks} from '@/components/visibleEditor.utils';
export const visibleEditorBlocksCom = defineComponent ({
    name: 'visibleEditorBlocksCom',
    props:{
        block:{type: Object as PropType <visibleEditorBlocks>, required: true},
    },
    setup(props){
        const blockStyle = computed(() => ({
            top: `${props.block.top}px`,
            left: `${props.block.left}px`
        }))
        return () => (
            <div class="visible-editor-block" style={blockStyle.value} >
                这是一条block数据
            </div>
        )
    }
})